/* 
    Document   : style
    Created on : Sep 10, 2013, 1:37:38 PM
    Author     : hung.nguyen
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}
ul{list-style: none}
*{margin: 0;padding: 0;font-size: 13px;font-family: arial}
.pop-up{width: 100%;height: 100%;background-color: black;opacity: .4;position: absolute;z-index: 10}
.mainpage{text-align: center;cursor: pointer}
.form-danhgia{background: white;z-index: 11;position: absolute;color:black;width: 613px;height: 613px;top:0;left: 0;right: 0;bottom: 0;margin: auto}
.banner{margin-top: 20px;left: 0;margin-left: -6px;background: url(../image/icon/small-icon.png) no-repeat;height: 34px}
.banner div{background: url(../image/background/banner-bg.jpg);border-left: 1px solid #a5b8cc}
.banner span{color: #254f72;font-weight: bold;background: url(../image/icon/start-icon.png) no-repeat;padding-left: 20px;line-height: 28px;margin-left: 26px;font-size: 14px}
.content{padding: 10px 25px}
p{color: #979797;margin-bottom: 15px;font-weight: bold}
.choose-time{margin-bottom: 30px;float: left}
.time{text-align: center;margin-left: 30px;float: left;margin-left: 30px}
.time:first-child{margin: 0}
.time .select-time{width: 88px;height: 26px;background: url(../image/background/time-bg.png);margin-left: 20px;text-align: left;line-height: 26px;padding-left: 10px;cursor: pointer}
.time .select-time .drop-down-icon{background: url(../image/icon/drop-icon.png)no-repeat;width: 10px;height: 6px;float: right;margin: 10px}
.time .select-time .up{background: url(../image/icon/up-icon.png)no-repeat}
.weeks{width:268px;height: 117px;text-align: left;background: url(../image/background/week-bg.png);z-index: 10;position: absolute;left: 45px;margin-top: 2px;display: block;padding: 5px 0}
.weeks ul{width:266px;height: 114px;margin-top: 2px;margin-left: 1px;overflow-y: scroll}
.weeks li{cursor: pointer;padding: 5px 10px;font-size: 14px}
.weeks li:first-child{margin-top: 1px}
.weeks .selected{background: url(../image/icon/check.png) no-repeat center right 10px}
.weeks li:hover{background-color: #e7ebee}
.weeks span{font-weight: bold}
.radio-checkbox{background: url(../image/icon/radio-icon.png);width: 12px;height: 12px;float: left;margin-top: 7px;margin-right: 10px;cursor: pointer}
.rd-checked{background: url(../image/icon/radio-check-icon.png)}
.rank{float: left;margin-bottom: 30px}
.rank-type{float: left;padding-bottom: 15px;margin-left: 55px;}
.rank-type:first-child{margin: 0}
.rank .radio-checkbox{margin-top: 2px !important}
#xuatsac{background: url(../image/icon/xuatsac.png) no-repeat bottom;width: 81px}
#tot{background: url(../image/icon/tot.png)no-repeat bottom left;width: 64px}
#kha{background: url(../image/icon/kha.png)no-repeat bottom left;width: 47px}
#trungbinh{background: url(../image/icon/trungbinh.png)no-repeat bottom left}
#kem{background: url(../image/icon/kem.png)no-repeat bottom left}
textarea{border-radius: 4px;border: 1px solid #a5b8cc;resize: none;width: 100%;height: 100px;background: #e7ebee;margin-bottom: 20px}
.checkbox{background: url(../image/icon/checkbox.png) no-repeat;line-height: 20px;padding-left: 25px;cursor: pointer;float: left}
.cb-checked{background: url(../image/icon/cb-checked.png)no-repeat}
.button{border-radius: 3px;float: right;padding: 5px 10px;color: white;margin-left: 10px;cursor: pointer}
#btn-huy{background: #8a9196}
#btn-hoanthanh{background: #ed6846}
.weeks ul::-webkit-scrollbar {
    width: 10px;
 margin:5px 2px;
}
 
.weeks ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px transparent; 
    border-radius: 10px;
 background-clip: padding-box;
 margin-right:5px;
}
 
.weeks ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px #d1dce1; 
 background:#d1dce1;
}